<script lang="ts" setup>
	import AppProvider from '@/components/AppProvider/index.vue';
	import Iconify from '@/components/Iconify/index.vue';
	import { Toast } from '@/utils/uniapi/prompt';
	import { useUserStore } from '@/state/modules/user';

	const userStore = useUserStore();


	onLoad(() => {
	});

	onShow(() => {
	});
</script>

<template>
	<AppProvider>
		<view class="container">
			<view class="f-border _u_flex _u_px-4 _u_py-2 _u_justify-between _u_items-center">
				<view class="_u_flex _u_items-center _u_justify-center">
					<Iconify icon="i-bxs-user" class="_u_mr-2" size="35" />
					<text class="_u_text-base _u_text-400">昵称</text>
				</view>
				<view class="_u_text-sm _u_text-gray">{{userStore.user?.nickName}}</view>
			</view>
			<view class="f-border _u_flex _u_px-4 _u_py-2 _u_justify-between _u_items-center">
				<view>
					<Iconify icon="i-ant-design-mobile-filled" class="_u_mr-2" size="35" />
					<text class="_u_text-base _u_text-400">手机号</text>
				</view>
				<view class="_u_text-sm _u_text-gray">{{userStore.user?.tel}}</view>
			</view>
			<view class="f-border _u_flex _u_px-4 _u_py-2 _u_justify-between _u_items-center">
				<view>
					<Iconify icon="i-clarity-email-solid" class="_u_mr-2" size="35" />
					<text class="_u_text-base _u_text-400">邮箱</text>
				</view>
				<view class="_u_text-sm _u_text-gray">{{userStore.user?.email}}</view>
			</view>
			<view class="f-border _u_flex _u_px-4 _u_py-2 _u_justify-between _u_items-center">
				<view>
					<Iconify icon="i-clarity-date-solid" class="_u_mr-2" size="35" />
					<text class="_u_text-base _u_text-400">创建日期</text>
				</view>
				<view class="_u_text-sm _u_text-gray">{{userStore.user?.createTime}}</view>
			</view>
		</view>
	</AppProvider>
</template>

<style lang="scss">
	page {
		background-color: #fff;
	}

	.container {
		width: 100%;
		height: 100%;

		.f-border:first-child {
			border-top: 1px solid #eee;
		}

		.f-border {
			border-bottom: 1px solid #eee;
		}

	}
</style>